<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">


    <h:head>
        <meta http-equiv="Content-Type" content="text/html charset=UTF-8"/>
        <title>Área de Cadastro de Clientes</title>
        <meta name="keywords" content="" />
        <meta name="description" content="" />
        <link href="style.css" rel="stylesheet" type="text/css" media="screen" />
    </h:head>
    <h:body>
        <div id="header">
	<div id="menu">
		<ul>
			<li class="active"><a href="./index.xhtml">Página Inicial</a></li>
			<li><a href="./paginaCadastroCliente.xhtml">Cadastro Cliente</a></li>
                        <li><a href="./paginaCadastroFornecedor.xhtml">Cadastro Fornecedor</a></li>
                        <li><a href="./paginaCadastroProduto.xhtml">Cadastro Produto</a></li>
		</ul>
	</div>

	<!-- end #menu -->      
 	<hr />
         </div>
<div id="page">
	<div id="page-bgtop">
		<div id="page-bgbtm">
			<div id="content">

        <h:form>           

            <table>
                <tr>
                    <td>Nome:</td>
                    <td><h:inputText value="#{listaClientes.cliente.nome}" /></td>
                </tr>
                <tr>
                    <td>Sobrenome:</td>
                    <td><h:inputText value="#{listaClientes.cliente.sobrenome}" /></td>
                </tr>
                <tr>
                    <td>Telefone:</td>
                    <td><h:inputText value="#{listaClientes.cliente.telefone}" /></td>
                </tr>
            </table>
            <br></br>
                <h:commandButton value="inserir" action="#{listaClientes.adicionar()}"/>
<br></br><br></br><br></br><br></br>

                <div>&emsp;</div>
            <div>
                <h:dataTable var="cliente" value="#{listaClientes.clientes}"
                             styleClass="tabela" headerClass="cabecalho-tabela"
                             rowClasses="linha-par,linha-impar"
                             footerClass="somatotal">
                    
                    <h:column>
                        <f:facet name="header" >
                            Nome
                        </f:facet>
                        <h:outputText value="#{cliente.nome}" rendered="#{not listaClientes.ativarEdicao(cliente)}"/>
                        <h:inputText value="#{cliente.nome}" rendered="#{listaClientes.ativarEdicao(cliente)}"/>
                    </h:column>

                    <h:column>
                        <f:facet name="header" >
                            Sobrenome
                        </f:facet>
                        <h:outputText value="#{cliente.sobrenome}" rendered="#{not listaClientes.ativarEdicao(cliente)}"/>
                        <h:inputText value="#{cliente.sobrenome}" rendered="#{listaClientes.ativarEdicao(cliente)}"/>

                    </h:column>

                    <h:column>
                        <f:facet name="header" >
                            Telefone
                        </f:facet>
                        <h:outputText value="#{cliente.telefone}" rendered="#{not listaClientes.ativarEdicao(cliente)}"/>
                        <h:inputText value="#{cliente.telefone}" rendered="#{listaClientes.ativarEdicao(cliente)}"/>
                    </h:column>

                    <h:column>
                        <h:commandLink action="#{listaClientes.editar(cliente)}" rendered="#{not listaClientes.ativarEdicao(cliente)}" >
                            <h:graphicImage value="./img/Editar.gif"/>
                        </h:commandLink>
                        <h:panelGroup rendered="#{listaClientes.ativarEdicao(cliente)}">
                            <h:commandLink action="#{listaClientes.salvar}">
                                <h:graphicImage value="./img/salvar.jpg"/>
                            </h:commandLink>
                             <h:commandLink action="#{listaClientes.salvar}">
                                <h:graphicImage value="./img/cancel_f2.png"/>
                            </h:commandLink>
                        </h:panelGroup>
                    </h:column>
                </h:dataTable>
            </div>

        </h:form>
                            </div>
                    </div>
            </div>
    </div>
         </h:body>
</html>
